<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="" />
    <meta name="author" content="ChongMing" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="full-screen" content="yes">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="360-fullscreen" content="true">
    <title>项目列表</title>
    <link rel="stylesheet" href="../css/framework7.ios.min.css">
    <link rel="stylesheet" href="../css/framework7.ios.colors.min.css">
    <link rel="stylesheet" href="../css/my-app.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="css/cm.css">
    <script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../js/framework7.min.js"></script>
    <script type="text/javascript" src="../js/my-app.js"></script>
    <script type="text/javascript" src="../js/jquery.cookie.js"></script>
    <script type="text/javascript" src="../js/rem.js"></script>
    <script type="text/javascript" src="js/cm.js"></script>
    <script type="text/javascript" src="../js/vue.js"></script>
    <script type="text/javascript" src="../js/public.js"></script>
</head>
<script>
    $(function(){
        var page_index = 1;
        var page_size  = 12;
        //        f7
        var myApp = new Framework7();
        var $$ = Dom7;
        //        下拉加载
        var loading = false;
        $$('.infinite-scroll').on('infinite', function () {
            // 如果正在加载，则退出
            if (loading) return;
            // 设置flag
            loading = true;
            // 模拟1s的加载过程
            setTimeout(function () {
                // 重置加载flag
                loading = false;
                page_index++
                var category_id = publicJs.getQueryString('id');
                var obj = {
                    category_id:category_id,
                    page_index:page_index,
                    page_size:page_size
                }
                cmjs.pro_list('memberCenter/doorList',obj);
            }, 500);
        });

    });
</script>
<style>
    /*加载样式*/
    .infinite-scroll-preloader {
        margin-bottom: 10px;
        text-align: center;
        padding-bottom: 110px;
        font-size: 3.5vw;
        color: #666;
        line-height: 4.5vw;
    }
    .infinite-scroll-preloader .preloader {
        width:23px;
        height:23px;
    }
    .pull-to-refresh-layer{
        /*background: #eeeeee;*/
    }
    .page{
        background: none;
        height:109%;
    }
    .page-content{
        margin-top: -50px;
        height: 100%;
    }
    .list-block ul:before{
        background: none;
    }
    .list-block ul:after{
        background: none;
    }
    .list-block{
        margin: 0;
        margin-top: 6px;
    }
    .view, .views{
        position: fixed;
    }
    .views{
        margin-top: 45px;
    }
    p{
        margin: 0;
    }
    .pro_list{
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #ebebeb;
    }
    .pro_list ul li{
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #fff;
        padding: 15px 0;
        margin-bottom: 10px;
    }
    .pro_list ul li img{
        width: 2.6rem;
        height: 1.68rem;
        margin-left: 10px;
        float: left;
    }
    .pro_list ul li .infor{
        float: left;
        margin-left: 10px;
        width: 50%;
    }
    .pro_list ul li .infor .name{
        margin-top: 0.15rem;
        font-size: 0.28rem;
        line-height: 0.34rem;
        margin-bottom: 0.4rem;
        color: #222;
    }
    .pro_list ul li .infor .price{
        font-size: 0.30rem;
        color: #f08f49;
    }
</style>
<body>
<div class="views" id="pro_list" style=" margin-top: 0">
    <div class="view view-main" data-page="home">
        <div class="pages navbar-through">
            <div data-page="home" class="page" style=" background: #ebebeb;">
                <div class="page-content infinite-scroll">
                    <!--<div class="pull-to-refresh-layer">-->
                        <!--<div class="preloader"></div>-->
                        <!--<div class="pull-to-refresh-arrow"></div>-->
                    <!--</div>-->
                    <div class="list-block pro_list">
                        <ul style=" background: none;">

                        </ul>
                    </div>
                    <div class="infinite-scroll-preloader" style=" padding: 5px">
                        <div class="preloader"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>